@charset "utf-8";
//如需编译请在sass文件上编译后转化为css文件
$none:none;
$length:(
    baifenbai:100%,
    baifenwushi:50%,
    baifensan:3%,
    ling:0,  
);
input {
    -webkit-appearance: $none;
    outline:$none;
    border: $none;
}
textarea{
    outline:$none;
    resize: $none;
}
*{
    margin:0px;
    padding:0px;
}
html{
    @extend .img-width;
    height:map-get($length,baifenbai);
    font-size:0.9em;
}
$color:white #ec9035 #ec5f3a #ED5F3B black #6B6B6B red #B3B3B3;

a,a:hover{
    text-decoration:$none;
    color:nth($color,5);
}
.fontsize{
    font-size: 0.62em;
}
.size11{
    font-size: 0.68em;
}
.product{
    font-size: 0.75em;
}
.product1{
    font-size: 0.81em;
}
.select-font{
    font-size: 0.87em;
}
.cuxiao-font{
    font-size: 0.93em;
}
.fontsize16{
    font-size: 1em;
}
.check-font{
    font-size: 1.1em;
}
.size20{
    font-size: 1.25em;
}
.fontout{
    font-size: inherit !important;
}
.fontW{
    font-weight: bold;
}
.fontC{
    color: nth($color,8);
}
/*.Corange{
    color: #ec9035;
}*/
.blackC{
    color: nth($color,5);
}
.Cgray{
    color: nth($color,6);
}
.money-color{
    color: nth($color,7);
}
.flt{
    float: left;
}
.frt{
    float: right;
}
.clear_both{
    clear: both;
}
.grayarrow{
    font-size: 1.2em;
    color: #B0B0B0;
    @extend .fontW;
}
.img-bottom{
    vertical-align: bottom;
}
.img-middle{
    vertical-align: middle;
}
.img-sub{
    vertical-align: sub;
}
.text-center{
    text-align: center;
}
.div-center{
    margin: 0 auto;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.padding-adjust2{
    padding-left: 4%;
}
.img-padding{
    padding-right: map-get($length,baifensan);
}
.img-padding1{
    padding-right: 7%;
}
.padding-lr{
    @extend .padding-adjust2;
    padding-right: 4%;
}
.padding-top{
    padding-top: 12px;
}
.padding-top1{
    padding-top: 10px;
}
.padding-top2{
    padding-top: 30px;
}
.data-padding{
    padding: 5px 0;
}
.padding-adjust3{
    padding:{
       top: 8px;
       bottom: 8px; 
    }
}
.padding-adjust4{
    @extend .padding-top1;
    padding-bottom: 10px;
}
.padding-adjust5{
    padding:{
       top: 15px;
       bottom: 15px; 
    }
}
.padding-adjust6{
    padding:{
       top: 25px;
       bottom: 25px; 
    }
}
.margin-adjust{
    margin: 6px auto;
}
.dibuover{
    padding-bottom: 50px;
}
.border1{
    border-top: 2px solid #F8F8F8;
}
.border2{
    border-bottom: 2px solid #F8F8F8;
}
.border3{
    border-bottom: 1px solid #E4E4E4;
}
.border-two{
    @extend .border1;
    @extend .border2;
}
.graybg{
    background-color: #F4F4F4;
    height: map-get($length,baifenbai);
}
.orangbg{
    background-color: #EFCA00;
}
.white2bg,input.disn[type="radio"]{
    background-color: nth($color,1) ;
}
.blackbg{
    background-color: #37363B;
}
.disn{
    display: $none;
}
.disi{
    display: inline-block;
}
.boxSizing{
    box-sizing: border-box;
}
/*.sortleftfunction{
    border-left: 5px solid #EFCA00;
}*/
.posre{
    position: relative;
}
.borderRadius{
    border-radius: 3px;
}
.ellipsis{
    white-space: nowrap;
    @extend .fudong;
    text-overflow: ellipsis;
}
.layout_body{
    @extend .white2bg;
    height:map-get($length,baifenbai);
    _height:map-get($length,baifenbai);
    @extend .check-font;
}
.layout_content{
    max-width:640px;
    @extend .div-center;
    @extend .posre;
    min:{
       width:320px;
       height: map-get($length,baifenbai);
    }
}
.layout_content.graybg{
    height: auto;
}
.body-footer{
    padding-bottom: 53px;
    @extend .fudong;
}
/*.demo-header{
    height: 50px;
    background-color: #37363B;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
    overflow: hidden;
    color: nth($color,2);
}*/
.fudong{
    overflow: hidden;
}
.lineheight{
    line-height: 20px;
}
.lineheight1{
    line-height: 24px;
}
.nowrap{
    white-space: nowrap;
}
.img-width{
    width: map-get($length,baifenbai);
}
hr{
    width:map-get($length,baifenbai)-5;
    border: $none;
    border-top:1px solid #E5E5E5 ;
    @extend .div-center;
}
.font_color_gray{
    color: #bec1bc;
}
.tip{
    display: $none;
    padding: 17px 15px; 
    position: fixed;
    bottom: percentage(.13); 
    background-color: #5F5F5E; 
    z-index: 3;
    opacity: 0.7;
    border-radius: 10px;
    color: nth($color,1);
    font-size: 0.7em;
    left: map-get($length,baifenwushi)- map-get($length,baifensan);
    transform: translate(-47%,0);
    -webkit-transform:translate(-47%,0);
    -ms-transform:translate(-47%,0);
}
.img-radius{
    width: 48px;
    height: 48px;
    border-radius: map-get($length,baifenwushi);
}
/*.dibu-fixed{
    position: fixed;
    /*bottom: map-get($length,ling);*/
    /*width: 100%;
    max-width:640px;
    min-width:320px;
}*/
.dibu-botton{
    position: fixed;
    @extend .img-width;
    font-size: 9px;
    bottom: -2px;
    @extend .text-center;
    z-index: 1;
    background-color:nth($color,1);
    max-width:640px ;
    min-width:320px;
    box-shadow: inset map-get($length,ling) map-get($length,ling) 3px #e9e9e9; 
}
.first-three{
    width: map-get($length,baifenwushi)/2;
    padding: 8px map-get($length,ling);
    color: #a3a3a3;
}
.first-three p{
    padding-top: 2px;
}
.four-last{
    width: percentage(.27);
    background: #D9AD4F;
    padding: 19px map-get($length,ling);
}
/*.cart-number{
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: rgb(239, 202, 0);
    top: 6px;
    left: 57%;
    color: black;
    -webkit-transform:scale(0.86);
    text-align: center;
}*/

#guige,#account{
    display: $none;
    z-index:4;
    position:fixed;
    bottom:map-get($length,ling);
    background:nth($color,1);
    @extend .img-width;
    /*min-width:320px;*/
    max-width:640px;
}
.black_overlay{
    display: $none;
    position: fixed;
    top: map-get($length,ling);
    left: map-get($length,ling);
    @extend .img-width;
    height: map-get($length,baifenbai);
    z-index:3;
    background-color:rgba(0,0,0,.2);
    /*background-color: rgba(245,245,245,.5);*/
}
/*首页*/
/*.am-form-field{
	padding: 6px 0 6px 35px;
	border-radius: 4px;
	width: 94%;
	box-sizing: border-box;
	background: url(../img/searchbg.png) 10px no-repeat nth($color,1);
	float: right;
}
.am-form{
	height: 35px;
	width: 85%;
	box-sizing: border-box;
}*/
.header-message{
	width: map-get($length,baifenwushi)/4;
	@extend .text-center;
}
.header-message.more{
	padding-top: 14px;
	font-size: 0.8em;
}/*
.big-div{
	width:100%;
	text-align:center;
	overflow: hidden;
}

.big-div div:not(.clear_both){
	width:20%;
	padding:8px 0;
	float:left;
	line-height: 24px;
	font-size:0.85em;
	cursor: pointer;
	margin-bottom: 6px;
}
.big-div div img{
	height: 25px;
}*/
.product-list>a>div>div.proimg{
	/*display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 56%;*/
	height: 130px;
	@extend .fudong;
	margin-bottom: 5px;
}
/*
.shouye-cart.cart img{
	padding-top: 0;
	width: 43%;
}
.shouye-price{
	width: 55%;
	padding-left: 7%;
	text-align: left;
	padding-bottom: 12px;
}
.product-list{
	overflow: hidden;
	padding-bottom: 50px;
	border-top: 2px solid #F8F8F8;
	border-bottom:2px solid #F8F8F8;
}*/
/*
.hot-seal{
	border-top:2px solid #F8F8F8;
	padding-bottom: 40px;
}*/
.product-list>a>div{
	width: 32.9%;
	@extend .flt;
	@extend .border2;
	@extend .text-center;
}
.product-list.team-list>a>div{
    border-bottom: $none;
    width: map-get($length,baifenwushi)/2;
    .proimg{
        height: 40px;
        img{
            width: map-get($length,baifenwushi);
        }
    }
    .pline{
        padding-bottom: map-get($length,ling);
        p{
            color: #888888;
            @extend .product;
        }
    }
}
.product-list>a>div .pline{
	padding: map-get($length,ling) auto;
}
.product-list .proimg img{
	width: map-get($length,baifenbai)- percentage(.1);
	/*padding-top: 10px;*/
}
/*.product-list>a>div>div .sales-volume {
	margin-top: -22px;
	height: 17px;
	font-size: 0.7em;
	display: block;
	background-color: #000000;
	position: absolute;
	opacity: 0.6;
	color: #ffffff;
	width: 86%;
	left: 7%;
}*/
/*.product-list .proimg img.cuxiao-icon{
	position: absolute;
	top: 10px;
	left: 12%;
	width: 40px;
}
.sort-cuxiao{
	width: 32px;
	vertical-align: middle;
	padding-left: 5%;
}*/

.product-list-middle{
    border: {
        left: 2px solid #F8F8F8;
        right: 2px solid #F8F8F8;
    }
}
.pline{
	@extend.lineheight1;
	padding: map-get($length,ling) map-get($length,ling) map-get($length,ling) 7%;
	width: map-get($length,baifenwushi)+2;
	@extend .boxSizing;
	@extend.text-left;
}
/*.guige{
	font-size: 0.7em;
	color: #B3B3B3;
}
.guige span{
	float: right;
	margin-right: 4px;
}*/

.price{
	color: red;
	font-size: 0.85em;
}
.cart{
	width: map-get($length,baifenwushi)-2;
}
.cart img{
	width: percentage(.36);
	padding-top: percentage(.75);
}
footer img{
	height: 20px;
}
.product-list.newproduct>div{
	@extend .img-width;
	@extend .border2;
	@extend .fudong;
	padding:{
	    top: 5px;
	    bottom: 5px;
	}
}
.product-list.newproduct.performance-team>div{
    width: map-get($length,baifenwushi);
    border-bottom:$none;
    @extend .boxSizing;
    @extend .flt;
    .pline{
        width: percentage(.7);
        p{
            @extend .size11;
            color: #888888;
            @extend .lineheight
        }
    }
    .newproimgdiv{
        line-height: 88px;
        width: percentage(.3);
    }
}
.product-list.newproduct>div>img{
	width: map-get($length,baifenwushi)/2;
	@extend .flt;
	padding-left: map-get($length,baifensan);
}
.product-list.newproduct .spread-deletelist{
    width: 60px;
    line-height: 102px;
    @extend .text-center;
    color:  nth($color,1);
    background-color: nth($color,3);
    position: absolute;
    right: -60px;
    top: map-get($length,ling);
    bottom: map-get($length,ling);
}

/*我的云仓第二栏,云仓提货*/
.product-list.newproduct .newproimgdiv{
	width: percentage(.27);
	@extend .flt;
	padding-left: map-get($length,baifensan);
	@extend .fudong;
	height: 99px;
	@extend .boxSizing;
}
.product-list.newproduct .pline{
    width: percentage(.73);
    @extend .padding-adjust2;
    @extend .boxSizing;
    padding:{
        top:5px;
        right: 4%;  
    } 
    line-height: 28px;
}


.product-list.newproduct .cart{
	@extend .title3Left;
	img{
        width: map-get($length,baifenwushi);
        padding-top: percentage(.81);
    }
}
.titleRight{
	width: percentage(.76);
	color: nth($color,1);
	font-weight: bold;
	padding-top: 8px;
}
/*商品详情*/
.product-detail.pline{
	width: percentage(.78);
	@extend .padding-adjust2;
    border-right: 2px solid #F8F8F8;
}
.detail-money{
	width: percentage(.2);
	@extend .text-center;
	line-height: 26px;
	@extend .padding-top1;
}
/*.detail-descript.pline{
	border-bottom: 2px solid #F8F8F8;
	border-top:2px solid #F8F8F8;
    clear: both;
    width: 100%;
    padding-left: 4%;
}*/
/*.padding-adjust1{
	padding:13px 0 13px 0;
	overflow: hidden;
}*/
/*.cuxiao-img{
	padding-right: 3%;
	width: 25px;
}
.detail-foot1{
	width: 28%;
	text-align: center;
}
.detail-foot2{
	width: 32%;
	text-align: center;
}
.detail-foot3{
	width: 40%;
	text-align: center;
	background: #EFCA00;
	padding: 15px 0;
	font-size: 1.5em;
	color: black;
	font-weight: bold;
}
.closeicon{
	position: absolute;
	top: -9px;
	right: 2%;
	z-index: 4;
	overflow: hidden;
}
.foot-confirm{
	background: #EFCA00;
	padding: 15px 0;
}*/
.add{margin-left:5px;}
.proNum{
    @extend .disi;
    margin:map-get($length,ling) -3px;
    width:percentage(.38);
    input{
        width:map-get($length,baifenbai);
        @extend .div-center;
        @extend .text-center;
        color: nth($color,3);
        @extend .fontW;
        vertical-align: 0.3em;
        background-color: transparent;
        @extend .select-font;
    }
}

.product-list.newproduct .cart .inputNum img{
	width:20px;
	height:20px;
	padding-top: map-get($length,ling);
}
.selectPay{
    @extend .frt;
    @extend .sizecolor;
    @extend .grayarrow;
}
/*.shuxing .shuxing-adjust{
	box-sizing: border-box;
	padding: 6px 0 6px 4%;
	width: 92%;
}*/
/*.sort-input.normal_tag{
	margin-left: 4%;
	width: 90%;
}*/
.todiv{
	display: block;
	max-height: 250px;
	overflow: scroll;
	padding-bottom: 25px;
}
 /*label:not(.photo)
 {
  display:-moz-inline-block;
  display:inline-block;
  cursor:pointer;
  padding:16% 0 40% 96%;
  background:url(../img/shopcart_chk_normal.png) no-repeat;
  color: nth($color,1);
  background-size: 58%;
 }
 label.checked
 {
  background:url(../img/shopcart_chk_selected.png) no-repeat;
  background-size: 58%;

 }*/
/*登录*/
.titleImg{
    @extend.text-center;
    height:80px;
    img{padding:13px map-get($length,ling);}
}
.loginName{width:percentage(.76);margin:5px auto;padding-top: 75px;}
.loginPwd{width:percentage(.76);margin:20px auto 30px;}
.input{
    height:34px;
    width:percentage(.89);
    border:0px;
    background-color: transparent;
    @extend .product;
    border-bottom:1px solid #CECECE;
    color: #9E9E9E;
 }
 .input::-webkit-input-placeholder{
     color: #9E9E9E;
 }
.input:-moz-placeholder {
　　color: #9E9E9E;
}
.input::-moz-placeholder{
　　color: #9E9E9E;
}
.input:-ms-input-placeholder{
　　color: #9E9E9E;
}
.xiadan{
    color:nth($color,1);
    background-color:nth($color,2);
    width:map-get($length,baifenbai)-8;
    padding:6px map-get($length,ling);
    @extend .div-center;
    @extend.borderRadius;
    border:map-get($length,ling);
    @extend .select-font;
    position: fixed;
    left: map-get($length,ling);
    right: map-get($length,ling);
    /*border-bottom: 14px solid #f4f4f4;*/
}
.loginBtn{
    color:nth($color,1);
    background-color:#e9522e;
    width:percentage(0.78);
    @extend .padding-adjust3;
    @extend.borderRadius;
    @extend .select-font;
}
/*.errorMsg{margin:20px 0px;text-align:center;color:red;display:none;}*/
/*购物车*/
/*.gobuy{
	border-radius: 4px;
	width: 35%;
	text-align: center;
	margin: 30px auto 45px;
	border: 1px solid #AEAEAE;
	color: #6B6B6B;
	padding: 5px 0;
}
.cart-no{
	padding:60px 0 25px ;
	text-align: center;
}*/
/*.cart-list{
	padding: 10px 1.5% 5px ;
	border-bottom: 1px solid #E5E5E5;
	width: 100%;
	overflow: hidden;
	background-color: nth($color,1);
	box-sizing: border-box;
}*/
/*.gouxuan{width:10%;float:left;text-align:center;padding:20px 0px;}
.page-product1-img{float:left; width:22%;text-align:center;margin-top:10px;position: relative;overflow: hidden}
.page-product2-img{float:left; width:25%;font-size: 0.8em;color: #EF5507;height: 68px;overflow: hidden;}
.page-product2-img img{width:90%;padding-top: 5%;max-width:90px;}
.page-product-right{float:left; width:55%;padding: 5px 0 0 0;line-height: 18px;}
.page-product-sale-volume{
	background-color: rgb(241,242,243);
	border-radius: 1em;
	color: rgb(149,150,151);
	display: inline-block;
	padding: 1px 8px;
	font-size: 11px;
	line-height: 17px;
}*/
.bottomBar{
    position:fixed;
    @extend .img-width;
    max-width:640px;
    height:55px;
    background-color: nth($color,1);
    @extend .border1;
}
.tocount{
	width:percentage(.35);
	@extend .flt;
	@extend .check-font;
	background-color:nth($color, 2);
	@extend .text-center;
	padding:15px map-get($length,ling);
	color: nth($color,1);	
}
.selectAll{
	width:percentage(.25);
	@extend .flt;
	@extend .text-center;
	padding:18px map-get($length,ling);
	@extend .product;
}
.title3Left{
	width: percentage(.12);
}
.title3Middle{
	width:percentage(.73);
	@extend .select-font;
}
.title3Right{
	width: percentage(.15);
}
.whitebg,.whitebg-a>.whitebg:last-child{
	background-color: nth($color,1);
	/*padding-bottom: 8px;*/
	margin-bottom: 8px;
	@extend .fudong;
}
.whitebg:last-child,.whitebg-a:last-child>.whitebg{
	margin-bottom: map-get($length,ling);
}
.whitebg>div:not(.paddingnot){
	@extend .padding-lr;
}
.sizecolor{
	@extend .select-font;
	@extend .fontW;
	padding: 10px map-get($length,ling);
}
.message-detail{
	@extend .border1;
	line-height: 26px;
	color: #404040;
	/*font-size: 0.78em;*/
	@extend .product1;
	padding-top: 4px;
}
.time-padding{padding: 3px map-get($length,ling) 8px map-get($length,ling);}
.zonge{
    font-size: 0.82em;
    padding: 10px map-get($length,ling);
}


.zhemanjian{
	@extend .img-width;
	@extend.lineheight;
	@extend .boxSizing;
}
.button-two{
    @extend.borderRadius;
    border: 1px solid #BABABA;
    @extend .product1;
    padding: 3px 7px !important;
    @extend .frt;
    min-width: 45px;
    @extend .text-center;
}
/*.heji{
	padding-top: 10px;
	padding-bottom: 4px;
}
.ordetail-img{
	border-top: 2px solid #F8F8F8;
	overflow: auto;
	white-space: nowrap;
}

.order-img div:first-child{
	width: 100%;
	height: 80px;
	margin: 8px 0 15px 0;
	display: table-cell;
	vertical-align: middle;
}
*/
.order-img{
    @extend .disi;
    width: 15%;
}
.oimg{
	width: 8px;
}

//团队业绩列表样式
.performance-list.newproduct.performance-team > div {
    border-bottom: $none;
}
.performance-list.newproduct > div {
    @extend .fudong;
    @extend .data-padding;
    > img {
       width: 25%;
       padding-left: 3%;
    }
}
#slideimgmiddle {
    display: table;
}
.performance-list.newproduct.performance-team > div .newproimgdiv {
    @extend .radius-img;
    width: 20%;
    @extend .flt;
    background-color: #888888;
}
.radius-img {
    height: 66px;
    line-height: 88px;
    @extend .flt;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.performance-list .money {
    @extend .frt;
    line-height: 54px;
    color: red;
    font-size: 1.2em;
}
.performance-list.newproduct.performance-team > div .pline p {
    color: #888888;
    line-height: 30px;
}
.performance-list.newproduct .spread-deletelist {
   width: 60px;
   line-height: 102px;
   color: white;
   background-color: #ec5f3a;
   position: absolute;
   right: -60px;
   top: 0;
   bottom: 0; 
}
/*.four{
	width: 25%;
	text-align: center;
	font-size: 0.88em;
	float: left;
	padding: 18px 0;
	border-bottom: 2px solid #F8F8F8;
}
.shaixuan.whitebg{
	padding: 0;
	margin: 0;
}
.shaixuan.whitebg .four{
	padding: 15px 0;
	width: 33.33%;
}
.sort-left{
	width: 23%;
	float: left;
	text-align: center;
	font-size: 0.95em;
	overflow: scroll;
}
.sort-left>div>div:first-child{
	padding: 16px 0;
	border-bottom: 1px solid #E4E4E4;
}
.sort-right{
	width: 77%;
	padding-bottom: 55px;
	overflow: scroll;
}
.sort-right>div{
	overflow: hidden;
	padding: 6px 0;
}

.sort-cart img{
	width: 50%;
	padding-top: 95%;
}
.menu-xiala{
	background: #2E2E2E;
	position: fixed;
	right: -100%;
	top: 0;
	z-index: 6;
	font-size: 16px;
	overflow: auto;
	padding-top: 3px;
	padding-left: 3%;
}
.normal_tag>div{
	background: rgb(239, 239, 239);
} 
.normal_tag .tag_on,.radio_tag .tag_on{
	background: rgb(239, 202, 0) !important;
}
.normal_tag .disable{
	background: rgb(248, 248, 248) !important;
	color: rgb(196, 196, 196) !important;
}
.search_box{
    display: none;
    position: absolute;
    width: 100%;
    top:0px;
    left: 100%;
    max-width: 640px;
    min-height: 100%;
    min-width: 320px;
    background: #fff;
}
.sort-input>div:not(.heng){
	width: 30%;
	padding: 7px 0;
	text-align: center;
	border-radius: 5px;
	float: left;
	margin-right: 3%;
	font-size: 0.75em;
	color: #3f3f3f;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: rgb(239, 239, 239);
}
.sort-input>div.timeinput{
	color: #AFAFAF;
	width: 42.5%;
}
.sort-form-input{
	width: 100%;
	border: none;
	background: transparent;
	text-align: center;
}*/
/*.sort-bottom{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	border-top: 1px solid #E2E2E2;
}*/
.sort-cart{
    width: 9%;
}
.sort-bottom>div{
	width: map-get($length,baifenwushi);
	padding: 14px map-get($length,ling);
	@extend .flt;
}
.team-fuceng>div:not(.sort-bottom){
    @extend.border2; 
    @extend.padding-adjust5;
    @extend.product1;
}
/*.sort-left-erji .border-short{
	width: 65%;
}*/
/*我的*/
.product-list.my-list{
	border: $none;
	padding-bottom: map-get($length,ling);
	img{
        width: percentage(.2);
    }
}
.my-list>a>div>div.proimg{
	height: 30px;
	padding-top: 20px;
}
.my-list>a>div .pline{
	padding: map-get($length,ling);
	@extend .text-center;
	@extend .img-width;
	padding-bottom: 20px;

}
.my-bg{
	background:{
	    image: url(../img/background.png);
	    size: map-get($length,baifenbai) map-get($length,baifenbai);
	}
	color: nth($color,1);
	@extend .text-center;
	@extend.lineheight1;
	padding: 35px map-get($length,ling) 15px map-get($length,ling);
}
.my-red.feed-red{
	top: percentage(.3);
	left: percentage(.65);
	width: 9px;
	height: 9px;
}
/*
.confirm-dibu1{
	width: 52%;
	background-color: #37363B;
	color: nth($color,1);
	padding: 16px 0;
}
.confirm-dibu2{
	width: 44%;
	background-color: #EFCA00;
	text-align: center;
	padding: 16px 0;
}*/
//调用@include blockOrHidden()，默认为true
.radioimg{
    background-size:13px !important;
    background-position: 0 !important;
    margin-right:1%;
    padding-left: 5%;
}
@mixin xuanzhong($boolean:true){
    @if $boolean{
        @debug "$boolean is #{$boolean}";
        background:url(../img/xuanzhongk_.png) no-repeat;   
    }
    @else {
        @debug "$boolean is #{$boolean}";
        background:url(../img/xuank_.png) no-repeat;
    }
}
.pay-select label {
    @extend .radioimg;
    //@extend .img-sub;
    @include xuanzhong(false);
    &.pay-check{
       @include xuanzhong(true); 
    }

}


//@include font(true)
@mixin xieyi($bool){
    background: if($bool,url(../img/agree.png) no-repeat,url(../img/agreeno.png) no-repeat);//if($condition,$if-true,$if-false),$bool为true的时候也需要设置true，没有默认情况 
}
.xieyi label {
    @include xieyi(false);
    @extend .radioimg;
    &.xieyi-check{
       @include xieyi(true); 
    }
}

@mixin addresslabel($bool){
    background: if($bool,url(../img/xuanzhong.png) no-repeat,url(../img/xuankuang.png) no-repeat);
}
.addresslabel label{
    padding-left: percentage(.38) !important;
    @extend .radioimg;
    @include addresslabel(false);
    &.pay-check{
        @include addresslabel(true);
    }
}

.time{
 	background-color: nth($color,1);
 	padding: 10px map-get($length,ling);
 	font-size: 0.95em;
 	@extend .flt;
 	color:#63A0E6;
 	width: percentage(.85);
}
/*.time-cofirm{
	color:#63A0E6;
	opacity: 0.85;
	background-color: nth($color,1);
	border-radius: 8px;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: -50px;
	left: 0;
}*/
.forminput>p{
    @extend .border2;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 5px;
    .recharge-placeholder{
        @extend .cuxiao-font;
        /*color: #b5b5b5;*/
       width: percentage(.77);
    }
    /*.recharge-placeholder::-webkit-input-placeholder{
        color: #b5b5b5;
    }
    .recharge-placeholder:-moz-placeholder {
    　　color: #b5b5b5;
    }
    .recharge-placeholder::-moz-placeholder{
    　　color: #b5b5b5;
    }
    .recharge-placeholder:-ms-input-placeholder{
    　　color: #b5b5b5;
    }*/
    input,span,textarea{
        @extend .padding-adjust2;
    }
}
/*#account>div{
	padding-left: 7%;
}
#account .pay-select label{
	padding: 13px 10px 0% 4%;
}
.form-orcon .clear{
	margin-left: 0;
	right: 1.8%;
}
.return-sousuo{
	width: 92%;
	margin: 8px auto;
}
.return-sousuo input{
	width: 100%;
	padding: 8px 0;
	font-size: 0.85em;
	text-align: center;
	background:#E8E8E8;
    border: none;
}
/*#sese div:last-child{
	border-bottom: none;
}
.return-order-img .order-img{
	width: 26%;
}
.order-money{
	display: inline-block;
	float: left;
	font-size: 0.78em;
	color: #404040;
}
.whitebg>div.order-flow{
	padding-left: 7%;
	padding-right: 7%;
	font-size: 0.78em;
}

.whitebg>div.order-flow-detail{
	padding-left: 0;
	padding-right: 0;
}
.circle{
	border-radius: 50%;
	background-color: #EFCA00;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	margin-right: -7px;
}
.changxian{
	width: 16.7%;
	padding: 0.4% 0;
	background-color: #EFCA00;
	display: inline-block;
	margin-right: -7px;
}
*/
.beizhu{
	@extend .disi;
	vertical-align: top;
	padding-top: 5px;
	@extend .img-padding;
}
.beizhu-area{
	border: $none;
	width: percentage(.76);
	min-height: 30px;
	@extend .product;
	vertical-align:text-top;
	padding-top: 2px;
}
.product-list.newproduct>div.product-list-div>img{
	width: percentage(.18);
	height: 60px;
	padding-bottom: map-get($length,ling);
}
.product-list.newproduct>div.product-list-div .pline{
	width: map-get($length,baifenwushi)-6;
	padding: {
	    left: map-get($length,baifensan);
	    bottom: 5px;
	}
}
.product-list.newproduct>div.product-list-div .cart{
	width: percentage(.38);
}
.product-list-div .cart.returnD_number{
	padding-top: 5px;
}
.product-list-div .proNum input{
	width:map-get($length,baifenwushi)+2;
	padding: 1.5% 0;
}
.product-list-div .add{
	margin-left: map-get($length,ling);
}
/*.appl-jiajian{
	width: 100%;
	padding-right: 1%;
	padding-top: 3px;
	box-sizing: border-box;
	border: none;
}*/
.uploadImg label{
	@extend .disi;
	width:50px;
	height:50px;
	line-height:39px;
	@extend .text-center;
	border:2px #C6C6C6 dashed;
	@extend .posre;
	font-size:62px;
	color:#e5e5e5;
	margin:10px 5px 25px 7%;
	cursor:pointer;
	background: $none;
	padding: map-get($length,ling);
	@extend .img-middle;
	@extend .fudong;
	@extend .borderRadius;
	input{display:$none;}
	img{
        position:absolute;
        top: map-get($length,ling);
        right: map-get($length,ling);
        &:not(.del){
            left: map-get($length,ling);
            bottom: map-get($length,ling);
            margin:auto;
            @extend .img-width;
            z-index:1;
            cursor:default;
        }
        &.del{
            @extend .product;
            line-height:normal;
            color:nth($color,1);
            z-index:5;
            cursor:pointer;
            width: 20px;
        }
        
    }
}
/*
.updatepss-div{
	width: 87%;
	border-radius: 4px;
	border: 1px solid #E3E3E3;
	margin: 0 auto;
	padding: 12px;
	color: #BEBEBE;
}
.upPs{
	display: inline-block;
	padding-left: 15px;
}
.fount-tip{
	font-size:0.86em;
	line-height: 30px;
	margin: 0 auto;
	width: 76%;
	padding: 62px 0 25px;
}*/
/*.fount-bottom{
	position: fixed;
	font-size: 0.95em;
	width: 200px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.fount-message{
	color: #ee9336;
	font-size: 0.7em;
	width: 76%;
	margin: 0 auto;
	padding-top: 15px;
}
.clear.fountpass{
	right: 12%;
}*/
/*
#invdetail span{
	color: #6B6B6B;
}
.invoiceradio.pay-select label.pay-check,.invoiceradio.pay-select label{
	margin-bottom: -3px;
}
.invoice-fuceng,#account.invoiceguige>div.invoice-fuceng{
	padding: 20px 13% 12px 14%;
	line-height: 28px;
}*/
.add-invoice{
	position: fixed;
    bottom: 15px;
    max-width:640px;
	min-width:320px;
	@extend .img-width;
	@extend .text-center;
}
.checklist{
	@extend .flt;
	width: percentage(.33);
	line-height: 26px;
	margin: 15px map-get($length,ling) map-get($length,ling);
	@extend .boxSizing;
}
.gexian{
	width: 0.5%;
	background-color: nth($color,1);	
	@extend .flt;
	padding: 15px map-get($length,ling);
	margin: 30px map-get($length,ling) map-get($length,ling);
	opacity: .39;
}
.check-recharge{
	border-radius: 10px;
	width: percentage(.26);
	background-color: #EFCA00;
	color: nth($color,5);
	line-height: 22px;
	margin: 5px auto 13px;
}
.recharge .radio_tag div{
	margin: 7px 5.3% 7px map-get($length,ling);
	width: percentage(.28);
	padding: 15px map-get($length,ling);
	font-size: 0.9em;
}
.recharge-input{
	width: map-get($length,baifenbai)-4;
	background-color: rgb(239, 239, 239);
	padding: 6px map-get($length,ling) 6px map-get($length,baifensan);
	@extend.borderRadius;
	font-size: 0.7em;
	margin-bottom: 15px;
}
/*
.product-list.newproduct.feed-list>div.product-list-div>img{
	width: 10%;
	height: auto;
	float: left;
}*/
/*
.continuefeed{
	background-color: #37363B;
	width: 55%;
    color: nth($color,1);
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    margin: 50px auto 20px;
    border-radius: 4px;
    font-size: 0.95em;
}
.feed-red{
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #DF4D40;
	top: 10px;
	left: 8%;
}*/
.count-confirm{
    position: fixed;
    background-color: white;
    width: 100%;
    text-align: center;
    max-width:640px;
    min-width:320px;
    bottom: 0;
    z-index: 2;
    padding-bottom: 10px;
}
.feed-textarea{
	@extend .img-width;
	height: 150px;
	border: 1px solid #DEDEDE;
	padding: 14px 18px;
	box-sizing: border-box;
	margin-top: 15px;
}
.commitloading{
	position: absolute;
	z-index: 3;
	//color: nth($color,1);
	@extend .disi;
	padding-top: 5px;
	@extend .select-font;
}
.loadingdiv{
    width:110px;
    @extend .posre;
    top: 40%;
    background-color:nth($color,1);
    padding: 15px 10px;
    border: 1px solid #D3D4D3;
    @extend .div-center;
    @extend .text-center;
}
/*
.product-list.newproduct>div.product-list-div .feed-detail.pline{
	width: 87%;
}
.img-to-lager img{
	width: 80px;
	height: 80px;
}
.img-to-lager.imglager img,.imgload.imglager img{
	width: 100%;
	height: auto;
}
.img-to-lager.imglager,.imgload.imglager{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-width: 320px;
	max-width: 640px;
	z-index: 6;
	background: nth($color,1);
	line-height: 55;
}*/
/*#imgfade.black_overlay{
	height: 20px;
	padding: 5px 0 30px 95%;
	color: nth($color,1);
	box-sizing: border-box;
	z-index: 7;
}
#imgfade>span{
	font-size: 1.3em;
}*/
/*
.sort-input.padding-adjust2.padding-top>div{
	padding: 7px 25px;
	width: auto;
}
.seek-amount{
	background-color: #EFF0F0;
	font-size: 0.8em;
	padding: 5px 0 5px 4%;
}*/

/*信息*/
.twoDiv-line-left{
    width: map-get($length,baifenwushi)-2;
    padding:{
        right: map-get($length,ling) !important;
        bottom: 5px;
    }
}
.twoDiv-line-right{
    width: map-get($length,baifenwushi)+2;
    @extend .fontsize;
    padding: 12px map-get($length,ling) map-get($length,ling) map-get($length,ling) !important;
}
.message-miaoshu{
    @extend .lineheight1;
    @extend .product
}
.message-list{
   padding: 3px 4%;
   @extend .border3
    
}
/*我的云仓*/
.zengpin{
    border: 1px solid nth($color,4);
    padding: map-get($length,ling) map-get($length,baifensan);
    color: nth($color,4);
    /*@extend .fontW;*/
    margin-right: map-get($length,baifensan);
    background-color: nth($color,1);
}
.code{  
    @extend .product;
    @extend .zengpin; 
    padding:{
        top: 2px;
        bottom: 2px;
    }
    margin-right: map-get($length,ling) !important;    
}
.codeon{
    @extend .code;
    color: nth($color,6) !important;
    border: 1px solid #F0F0F0 !important;
    background-color: #F0F0F0 !important;
}
.newcode{
    position: absolute;
    font-family:PingFangSC-Regular;
    @extend .product;
    color:#e9522e;
    letter-spacing:-0.13px;
    @extend .text-left;
    right: 4%;
    top: 8px;
}
.clouddetail{
    @extend .fudong;
    @extend .product;
    @extend .border2;
}
.cloud-inout{
    @extend .fudong;
    @extend .text-center;
    @extend .padding-top ;
    div{
        @extend .flt;
        @extend .check-font;
        width: map-get($length,baifenwushi)-2;
        color: nth($color,1);
        @extend .padding-adjust3;
        border-radius: 2px;
        img{
            width: 32px;
            @extend .img-padding1;
            @extend .img-sub;
        }
    }
}
.cloud-in{
    background-color: nth($color, 2);
    margin-right: 4%;
}
/*云仓提货*/
.heji{
    color: nth($color,3);
    width:percentage(.4);
    padding:16px map-get($length,ling);
    @extend .text-center;
    @extend .flt;
}
.pick-tab{
    padding-left: percentage(.1);
    @extend .fudong;
    @extend .text-center;
    div{
        width: percentage(.39);
        @extend .flt;
        @extend .padding-adjust4;
        @extend .product;
        @extend .fontW;
        &.check{
            border-bottom: 2px solid nth($color,3);
            color: nth($color,3);
        }
    }
}
.pick-tab.purchaseorder-tap>div{
    width: percentage(.17);
}
.pick-tab.lowerorder-tap>div{
    width: percentage(.27);
}
.pick-tab.pickuporder-tap>div{
    width: map-get($length,baifenwushi)/4;
}
.purchase-input{
    @extend.borderRadius;
    border: 1px solid nth($color,3);
    width: percentage(.2);
    margin: map-get($length,ling) map-get($length,baifensan);
    
}
.publish-add{
    position: fixed;
    right: 10px;
    width: 56px;
    height: 56px;
    bottom: 85px;
    border-radius: map-get($length,baifenwushi);
    background-color: nth($color, 2);
    color: nth($color, 1);
    @extend .fontsize16;
    box-shadow: map-get($length,ling) map-get($length,ling) 3px map-get($length,ling) nth($color, 2);
    line-height: 54px;
    @extend .text-center;
}
.loginout{
    @extend .text-center;
    @extend .product1;
    @extend .white2bg;
    @extend .padding-adjust4;
}
$grid-prefix: money-bg !default;
$grid-img: bg !default;
@for $i from 1 through 2{//through表示包含3，to表示不包含3，使用to要to 4
    .#{$grid-prefix}#{$i}{
        background:url(../img/#{$grid-img}#{$i}.png);
        background-size: map-get($length,baifenbai);
        color: nth($color,1);
        line-height: 35px;
        padding: 15px map-get($length,ling) 40px;
    }
}
.withdraw{
    background-color: rgba(255,255,255,0.15);
    @extend .borderRadius;
    border: 1px solid nth($color,1);
    color: nth($color,1);
    padding: map-get($length,ling) 10px;
    vertical-align: 0.4em;
    font-size: 0.58em;
}
.wallet-whitebg.whitebg{
    padding: map-get($length,ling) !important;
    margin-bottom: 5px;
    border: $none !important;
}
.wallet-daikuan{
    font-size: 1.75em;
    padding:{
        left: 4.5%;
        bottom: 25px;
    }
}
.recharge-info{
    color: nth($color,2);
    @extend .product;
    line-height: 26px;
    @extend .padding-top1;
    @extend .padding-adjust2;
    @extend .border1;
}
.overall{
    @extend .padding-top1;
    @extend .fontsize16;
    @extend .frt;
    color: nth($color,3);
}
.team-sort{
    @extend .border-two;
    @extend .text-center ;
    @extend .Cgray;
    @extend .product;
    @extend .padding-adjust4;
    img{
        width: 9px;
        vertical-align: 0.2em;
        padding-left: 2%;
    }
}
.myicon{
    width:18px;
}
.time2{
    @extend .product1;
    @extend .flt;
    width: percentage(.85);
    @extend .border2;
    padding-bottom: 10px;
}
.spread-create{
    @extend .padding-adjust4;
    @extend .fudong;
    @extend .border2; 
    @extend .padding-adjust2;
}
.loading{
    height: 60px;
    line-height: 60px;
    @extend .text-center;
    @extend .img-width;
    background-color: #f1f1f1;
}
.detail-sum{
   @extend .padding-adjust3;
   @extend .product1;
   @extend .text-right;
   /*@extend .border1;*/ 
}
.track{
    @extend .fudong;
    @extend .message-detail;
    @extend .data-padding;
    font-size: 0.75em;
}
.erweidetail{
    @extend .nowrap;
    @extend .div-center;
    width: 200px;
    line-height: 28px;
    padding-top: 20px;
}
.buttonstyle{
    color: nth($color,3);
    border: 1px solid nth($color,3);
    padding: 6px map-get($length,ling);
    width: percentage(.91);
    @extend .div-center;
    @extend.borderRadius;
    @extend .select-font;
    margin-bottom: 15px;
}
.addressflt{
    @extend .clouddetail;
    @extend .padding-adjust3;
    width: percentage(.83);
    border: $none !important;
    @extend .flt;
    @extend .fontout;
}
.addresslabel{
    @extend .text-center;
    @extend .flt;
    width: 17%;
    padding-top: 20px;
}
.store{
    line-height: 38px;
    .clear_both{
        @extend .border1;
    }
    .size11{
        color: #232323;
    }
    .store-input{
        @extend .product;
        width: 25px;
        padding: 1px 12px 1px 5px;
        @extend .borderRadius;
        border: 1px solid #BABABA;
    }
}
.logistics-top{
    @extend .padding-adjust3;
    @extend .select-font;
    @extend .fontW;
    @extend .padding-lr;
    @extend .border2;
    @extend .fudong; 
    margin-bottom: 20px;
}
.logistics-news{
    padding-left: 7%;
    img{
        @extend .flt;
        @extend .myicon;
        @extend .img-padding;
    }
    div{
        @extend .flt;
        @extend .lineheight;
        color: nth($color,3);
    }
}
.beizhu-div{
    @extend .padding-adjust3;
    @extend .product1;
    @extend .padding-lr;
}
.timeinput{
    @extend .title3Middle;
    @extend .flt;
    @extend .text-center;
    background-color: transparent;
    color: nth($color,1);
    opacity: 1; 
    margin-top: 3px;
}
#slideimgmiddle{
    display: table;
}
#slideimgmiddle span{
    display: table-cell;
    @extend .img-middle;
    img{
        @extend .img-width;
        display: inherit;
    };
}
.xianxia{
    @extend .message-detail;
    @extend .padding-adjust2;
    @extend .border2;
    @extend .fontout; 
    border-top: $none;
}
.login-bg{
    background: url(../img/bg.jpg) no-repeat;
    background-size:map-get($length,baifenbai) map-get($length,baifenbai);
}
.line-two{
    @extend .div-center;
    width: 118px;
    font-size: 0.5em;
    padding-top: 5px;
    line-height: 6px; 
}
.circle-ul{
    list-style-type: disc;
    color:#9F8165 ;
    font-size: 1.25em;
    margin: 3px 5% map-get($length,ling) 20%;
    @extend .text-left;
    line-height: 8px;
    li{
        padding-top: 4px;
        span{
            color: #000;
            margin-left: -1%;
            &:first-child{
                font-size: 0.52em;
                vertical-align: 0.28em;
            }
            &:last-child{
                font-size: 0.32em;
                display: block;
                margin-top: 3px;
            }
        }
    }
    
}
.authorize-last{
    position: absolute;
    left: map-get($length,ling);
    right: map-get($length,ling);
    @extend .div-center;
    bottom: 30px;
    font-size: 0.55em;
    line-height: 12px;
}
.last-img{
    position: absolute;
    right: 7.5%;
    bottom: 13%;
    width: 27%;
}
.regcode{
    position: absolute;
    font-family:PingFangSC-Regular;
    @extend .product;
    color:#e9522e;
    letter-spacing:-0.13px;
    @extend .text-left;
    right: 4%;
    top: 8px;
}
.regstate{
    @extend .size11;
    padding: 15% 8% 0;
    color: #8E8E8E;
    p{
        display: table-cell;
        @extend .img-middle;
        @extend .text-center;
    }
}
.noorder{
    font-size: 15px;
    color:#a8a8a8;
    @extend .padding-top1;
}
.product_name_val{
    width: 67%;
    margin-left: 10%;
    height: 28px;
    padding-left: 5px;
    margin-right: -35px;
    @extend .input;
}
.seek_product_name{
    padding: 4px 7px;
    border: none;
    background-color: #ec9035;
    color: white;
    border-radius: 3px;
}
.bank-information{
    background:#ffae5f;
    border:6px solid #ffe4c9;
    border-radius:3px;
    width:percentage(.85);
    @extend .fudong;
    margin:25px auto 0;
    padding:11% 0 4%;
    min-width:285px;
    .bank-img{
        width:percentage(.38);
        @extend .text-center;
        @extend .flt;
        img{
            width:percentage(.8);
        }
    }
    .set_card{
        @extend .flt;
        width:percentage(.62);
        margin-top:-3px;
        p{
            color:nth($color,1);
            @extend .fontsize16;
        }
    }
}
